.layout-container{
  width:100%;
  .exchange_detail{
    width:93.6%;
    margin:0.4rem 0.24rem;
    padding:0.24rem;
    background-color:#fff;
    border-radius:0.1rem;
    box-shadow: 0 0 0.1rem #f5f5f5;
    p{
      color:#666;
      font-size:0.28rem;
      padding-bottom:0.15rem;
      margin-bottom:0;
      input{
        border:none;
        border-bottom:1px solid #c8c8c8;
        font-size:0.6rem;
        border-radius:0;
        margin-bottom:0;
        color:#323232;
      }
      b{
        color:#323232;
      }
      span{
        color:#f10180;
      }
    }
    p.state{
      font-size:0.24rem;
    }
    p.get_Dbaobi{
      color:#323232;
      span{
        font-size:0.36rem;
      }
    }
  }
  .exchange_btn{
    margin:0.2rem 0.24rem;
    width:93.6%;
    input{
      width:100%;
      height:0.88rem;
      background-color:#f10180;
      color:#fff;
      font-size:0.36rem;
      border:1px solid #f10180;
    }
  }
  .exchange_state{
    padding:0.1rem 0.24rem;
    p{
      font-size:0.24rem;
      color:#666;
      margin-bottom:0;
    }
  }
}

.modal_content{
  .theme_content{
    .main{
      p{
        margin-bottom:0;
        color:#666;
        font-size:0.28rem;
        span{
          color:#f10180;
        }
      }
    }
  }
}